﻿@model TopMenuModel
@using Nop.Web.Models.Catalog;
@{
    var isRtl = this.ShouldUseRtlTheme();
}
@helper RenderCategoryLine(CategorySimpleModel category, int level)
{
    <li>
        <a href="@Url.RouteUrl("Category", new { SeName = category.SeName })">@category.Name
        @if (category.NumberOfProducts.HasValue)
        {
            <text> </text>@T("Categories.TotalProducts", category.NumberOfProducts.Value)
        }
        </a>
        @{
            var levelClass = "";
            if (level == 0)
            {
                levelClass = "firstLevel";
                <div class="top-menu-triangle"></div>
            }
            if (category.SubCategories.Count > 0)
            {
                <ul class="sublist @levelClass">
                    @foreach (var subCategory in  category.SubCategories)
                    {
                        @RenderCategoryLine(subCategory, level + 1)
                    }
                </ul>
            }
        }
    </li>
}
@*
<ul class="top-menu">
    @if (Model.Categories.Count > 0)
    {
        foreach (var category in Model.Categories)
        {
            @RenderCategoryLine(category, 0)
        }
    }
    else
    {
        //no categories to display?
        //in this cae let's diplay some default menu items
        <li><a href="@Url.RouteUrl("HomePage")">@T("HomePage")</a></li>
        if (Model.RecentlyAddedProductsEnabled)
        {
            <li><a href="@Url.RouteUrl("RecentlyAddedProducts")">@T("Products.NewProducts")</a>
            </li>
        }
        <li><a href="@Url.RouteUrl("ProductSearch")">@T("Search")</a> </li>
        <li><a href="@Url.RouteUrl("CustomerInfo")">@T("Account.MyAccount")</a></li>
        if (Model.BlogEnabled)
        {
            <li><a href="@Url.RouteUrl("Blog")">@T("Blog")</a></li>
        }
        if (Model.ForumEnabled)
        {
            <li><a href="@Url.RouteUrl("Boards")">@T("Forum.Forums")</a></li>
        }
        <li><a href="@Url.RouteUrl("ContactUs")">@T("ContactUs")</a></li>
    }
</ul>
*@


<div class="sf-contener clearfix">
    <!-- Block mega menu module -->
    <div class="cs_mega_menu grid_5" id="menu">
        <div class="cs_mega_menu_cat">
            <span class="shop_by">Thời trang<span class="icon">&gt;</span></span>
            <div class="cs_ul_mega_menu">
                <ul class="ul_mega_menu">
                    <li class="class_menu1 menu_item menu_first level-1 parent">
                        <a class="title_menu_parent" href="#">
                            Thời trang nữ
                        </a>
                        <div class="options_list" style="width: 322px; margin-left: 218px;">
                            <div class="option" style="width: 161px; float: left">
                                <!--case category-->
                                <div class="out_cat_parent">
                                    <a href="#">Suspendisse risus</a>
                                </div>
                                <ul class="level_0" style="width: 161px;">
                                    <li class="category_item">
                                        <a class="cat_child" href="#">Nulla enim elit lorem</a>
                                    </li>
                                    <li class="category_item">
                                        <a class="cat_child" href="#">Lorem ispums pendisse nulla</a>
                                    </li>
                                    <li class="category_item">
                                        <a class="cat_child" href="#">Turpiis massa lorem</a>
                                    </li>
                                    <li class="category_item">
                                        <a class="cat_child" href="#">Turpiis massa lorem</a>
                                    </li>
                                </ul>
                            </div>
                            <span class="spanOption" style="width: 161px;"></span>
                            <div class="option" style="width: 161px; float: left">
                                <!--case category-->
                                <div class="out_cat_parent">
                                    <a href="#">Suspendisse risus</a>
                                </div>
                                <ul class="level_0" style="width: 161px;">
                                    <li class="category_item">
                                        <a class="cat_child" href="#">Etiam sedduit massa sed </a>
                                    </li>
                                    <li class="category_item">
                                        <a class="cat_child" href="#">Turpiis massa lorem</a>
                                    </li>
                                    <li class="category_item">
                                        <a class="cat_child" href="#">Turpiis massa lorem</a>
                                    </li>
                                    <li class="category_item">
                                        <a class="cat_child" href="#">Turpiis massa lorem</a>
                                    </li>
                                </ul>
                            </div>
                            <span class="spanOption" style="width: 161px;"></span>
                            <div class="option" style="width: 161px; float: left">
                                <!--case category-->
                                <div class="out_cat_parent">
                                    <a href="#">Suspendisse risus</a>
                                </div>
                                <ul class="level_0" style="width: 161px;">
                                    <li class="category_item">
                                        <a class="cat_child" href="#">Turpiis massa lorem</a>
                                    </li>
                                    <li class="category_item">
                                        <a class="cat_child" href="#">Turpiis massa lorem</a>
                                    </li>
                                    <li class="category_item">
                                        <a class="cat_child" href="#">Turpiis massa lorem</a>
                                    </li>
                                    <li class="category_item">
                                        <a class="cat_child" href="#">Turpiis massa lorem</a>
                                    </li>
                                </ul>
                            </div>
                            <span class="spanOption" style="width: 161px;"></span>
                            <div class="option" style="width: 161px; float: left">
                                <!--case category-->
                                <div class="out_cat_parent">
                                    <a href="#">Suspendisse risus</a>
                                </div>
                                <ul class="level_0" style="width: 161px;">
                                    <li class="category_item">
                                        <a class="cat_child" href="#">Turpiis massa lorem</a>
                                    </li>
                                    <li class="category_item">
                                        <a class="cat_child" href="#">Turpiis massa lorem</a>
                                    </li>
                                    <li class="category_item">
                                        <a class="cat_child" href="#">Turpiis massa lorem</a>
                                    </li>
                                    <li class="category_item">
                                        <a class="cat_child" href="#">Turpiis massa lorem</a>
                                    </li>
                                </ul>
                            </div>
                            <span class="spanOption" style="width: 161px;"></span>
                        </div>
                        <span class="spanOptionList" style="width: 322px;"></span>
                    </li>
                    <li class=" menu_item level-1 parent">
                        <a class="title_menu_parent" href="#">
                            Thời trang nam
                        </a>
                        <div class="options_list" style="width: 200px; margin-left: 216px;">
                            <div class="option" style="width: 200px; float: left">
                                <!--case category-->
                                <div class="out_cat_parent">
                                    <a class="cat_parent" href="#">

                                        <img class="img_parent" src="/Themes/GoMarket/Content/img/11-medium_default.jpg" alt="">
                                    </a><a href="#">Suspendisse risus</a>
                                </div>
                                <ul class="level_0" style="width: 200px;">
                                    <li class="category_item parent">
                                        <a class="cat_child" href="#">Etiam sedduit massa sed </a>
                                        <div class="sub_menu" style="width: 200px;">
                                            <ul style="width: 200px;" class="level_1">
                                                <li><a href="#">Belkin Leather Folio</a></li>
                                                <li><a href="#">Nam vitae orci nisi eu eleifend</a></li>
                                                <li class="parent">
                                                    <a href="#">Nam vitae orci nisi eu eleifend </a>
                                                    <div class="sub_menu" style="width: 200px;">
                                                        <ul style="width: 200px;" class="level_2">
                                                            <li><a href="#">Test</a></li>
                                                        </ul>
                                                    </div>

                                                </li>
                                                <li><a href="#">Cursus magna lacus antedios</a></li>
                                            </ul>
                                        </div>

                                    </li>


                                    <li class="category_item">
                                        <a class="cat_child" href="#">Turpiis massa lorem</a>

                                    </li>


                                    <li class="category_item">
                                        <a class="cat_child" href="#">Turpiis massa lorem</a>

                                    </li>


                                    <li class="category_item">
                                        <a class="cat_child" href="#">Turpiis massa lorem</a>

                                    </li>


                                </ul>
                            </div>
                            <span class="spanOption" style="width: 200px;"></span>
                        </div>
                        <span class="spanOptionList" style="width: 200px;"></span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- /Block mega menu module -->
    <ul class="sf-menu clearfix sf-js-enabled sf-shadow" id="menu_parent">
        <li class="first">
            <a class="sf-with-ul" href="@Url.RouteUrl("RecentlyAddedProducts")">@T("Products.NewProducts")<span class="sf-sub-indicator"> »</span></a>

            <ul style="display: none; visibility: hidden;">
                <li>
                    <a class="sf-with-ul" href="#">Suspendisse risus<span class="sf-sub-indicator"> »</span></a>
                    <ul style="display: none; visibility: hidden;">
                        <li>
                            <a class="sf-with-ul" href="#">Etiam sedduit massa sed <span class="sf-sub-indicator">»</span></a><ul style="display: none; visibility: hidden;">
                                <li><a href="#">Belkin Leather Folio</a></li>
                                <li><a href="#">Nam vitae orci nisi eu eleifend</a></li>
                                <li>
                                    <a class="sf-with-ul" href="#">Nam vitae orci nisi eu eleifend<span class="sf-sub-indicator"> »</span></a><ul style="display: none; visibility: hidden;">
                                        <li><a href="#">Test</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Cursus magna lacus antedios</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Turpiis massa lorem</a></li>
                        <li><a href="#">Turpiis massa lorem</a></li>
                        <li><a href="#">Turpiis massa lorem</a></li>
                    </ul>
                </li>
                <li>
                    <a class="sf-with-ul" href="#">Suspendisse risus<span class="sf-sub-indicator"> »</span></a>
                    <ul style="display: none; visibility: hidden;">
                        <li><a href="#">Nulla enim elit lorem</a></li>
                        <li><a href="#">Lorem ispums pendisse nulla</a></li>
                        <li><a href="#">Turpiis massa lorem</a></li>
                        <li><a href="#">Turpiis massa lorem</a></li>
                    </ul>
                </li>
                <li>
                    <a class="sf-with-ul" href="#">Suspendisse risus<span class="sf-sub-indicator"> »</span></a>
                    <ul style="display: none; visibility: hidden;">
                        <li><a href="#">Turpiis massa lorem</a></li>
                        <li><a href="#">Turpiis massa lorem</a></li>
                        <li><a href="#">Turpiis massa lorem</a></li>
                        <li><a href="#">Turpiis massa lorem</a></li>
                    </ul>
                </li>
                <li>
                    <a class="sf-with-ul" href="#">Suspendisse risus<span class="sf-sub-indicator"> »</span></a>
                    <ul style="display: none; visibility: hidden;">
                        <li><a href="#">Turpiis massa lorem</a></li>
                        <li><a href="#">Turpiis massa lorem</a></li>
                        <li><a href="#">Turpiis massa lorem</a></li>
                        <li><a href="#">Turpiis massa lorem</a></li>
                    </ul>
                </li>
                <li><a href="#">Praesent tempor sem sodales</a></li>
                <li><a href="#">Cursus magna lacus antedios</a></li>
                <li><a href="#">Mobile Phones</a></li>
                <li><a href="#">Kelit Portas</a></li>
            </ul>
        </li>
        <li>
            <a href="#">Hàng giảm giá</a>
        </li>
    </ul>
</div>
<div class="sf-right">&nbsp;</div>